$top-bottom: 20px;
$left-right: 40px;

.padding-top-bottom {
	padding-top: $top-bottom;
	padding-bottom: $top-bottom;
}

body,header,h1,nav,ul,li,a{
	margin:0;
	padding:0;
}

body{
	
	@extend .padding-top-bottom;
	padding-left: $left-right;
	padding-right: $left-right;
	
	ul {
		list-style-type: none;
		overflow: auto;
		height: 150px;

		li {
			display: inline-block;
			@extend .padding-top-bottom;

			& > img {
				display: none;
				position: absolute;
				top: 140px;
				left: 40px;
				@extend .padding-top-bottom;
			}

			label {
				img {
					display: block
				}
			}

			input:checked + img {
				display:block;
			}

			input {
				display: none;
			}
		}
	}
}